Spread Syntax [Javacript] 함수에서 주의할 부분 함수 선언식 ✅ 함수 선언식은 호이스팅 가능 (로직을 어느 위치에서 짜든 상관없이 해당 함수를 불러올 수 있음) 함수 표현식 ✅ 함수 표현식은 함수를 변수에 담은 것. ✅ 호이스팅이 불가능(로직을 상단에서부터 읽기 때문에 위치가 중요) 그리고 너무나도 헷갈렸던 부분은 함수 표현식에서 쓰이는 인자 또는 매개변수이다. output은 함수 표현식. ✅ output에 인자를 넘겨서 funcName의... Spread Syntax함수표현식함수선언식argumentsSpread Syntax 객체의 복사, 불변성의 문제 실무에서 다음 a와 같은 구조의 배열을 복사해서 안의 프로퍼티 값을 변경하니 a의 불변성이 지켜지지 않는 문제가 발생했다. 배열 a를 전개 구문으로 복사한 b를 map을 이용해 안의 객체 first의 값을 바꿔보자. 그러면 a의 값 또한 변하면서 불변성이 지켜지지 않는다. 전개구문은 다음과 같은 특성이 있기 때문이다. Spread 문법은 배열을 복사할 때 1 레벨 깊이에서 효과적으로 동작합니... Array.prototype.slice.call()shallow copysliceSpread SyntaxArray.prototype.slice()deep copyArray.prototype.slice() Spread Syntax('...') 배열이나 문자열과 같이 반복 가능한 문자를 0개 이상의 인수 (함수로 호출할 경우) 또는 요소 (배열 리터럴의 경우)로 확장하여, 0개 이상의 키-값의 쌍으로 객체로 확장 일반적으로 배열의 엘리먼트를 함수의 인수로 사용하고자 할 때 Function.prototype.apply() 를 사용했지만, 이를 대체 가능 new를 사용해 생성자를 호출 할 때, 배열과 apply (apply 는 [[Ca... Spread Syntax작성중전개구문Spread Syntax [CS] Spread/Rest Day-16 Spread 문법 주로 배열을 풀어서 인자로 전달하거나, 배열을 풀어서 각각의 요소로 넣을 때 사용됩니다. Rest 문법 배열의 형태로 받아서 사용할 수 있습니다. 파라미터 개수가 가변적일 때 유용합니다. 배열 합치기 기존 배열을 변경하지 않는 (immutable) 입니다. 순서를 바꾸려면 새롭게 할당해야 합니다. 배열 복사 객체에서 사용하기 함수에서 나머지 파라미터 받아오기 분해 후 새변수... Spread/Rest구조 분해 할당destructing객체구조 분해RESTSpread SyntaxSpread 문법배열배열 합치기SpreadRest 문법REST
[Javacript] 함수에서 주의할 부분 함수 선언식 ✅ 함수 선언식은 호이스팅 가능 (로직을 어느 위치에서 짜든 상관없이 해당 함수를 불러올 수 있음) 함수 표현식 ✅ 함수 표현식은 함수를 변수에 담은 것. ✅ 호이스팅이 불가능(로직을 상단에서부터 읽기 때문에 위치가 중요) 그리고 너무나도 헷갈렸던 부분은 함수 표현식에서 쓰이는 인자 또는 매개변수이다. output은 함수 표현식. ✅ output에 인자를 넘겨서 funcName의... Spread Syntax함수표현식함수선언식argumentsSpread Syntax 객체의 복사, 불변성의 문제 실무에서 다음 a와 같은 구조의 배열을 복사해서 안의 프로퍼티 값을 변경하니 a의 불변성이 지켜지지 않는 문제가 발생했다. 배열 a를 전개 구문으로 복사한 b를 map을 이용해 안의 객체 first의 값을 바꿔보자. 그러면 a의 값 또한 변하면서 불변성이 지켜지지 않는다. 전개구문은 다음과 같은 특성이 있기 때문이다. Spread 문법은 배열을 복사할 때 1 레벨 깊이에서 효과적으로 동작합니... Array.prototype.slice.call()shallow copysliceSpread SyntaxArray.prototype.slice()deep copyArray.prototype.slice() Spread Syntax('...') 배열이나 문자열과 같이 반복 가능한 문자를 0개 이상의 인수 (함수로 호출할 경우) 또는 요소 (배열 리터럴의 경우)로 확장하여, 0개 이상의 키-값의 쌍으로 객체로 확장 일반적으로 배열의 엘리먼트를 함수의 인수로 사용하고자 할 때 Function.prototype.apply() 를 사용했지만, 이를 대체 가능 new를 사용해 생성자를 호출 할 때, 배열과 apply (apply 는 [[Ca... Spread Syntax작성중전개구문Spread Syntax [CS] Spread/Rest Day-16 Spread 문법 주로 배열을 풀어서 인자로 전달하거나, 배열을 풀어서 각각의 요소로 넣을 때 사용됩니다. Rest 문법 배열의 형태로 받아서 사용할 수 있습니다. 파라미터 개수가 가변적일 때 유용합니다. 배열 합치기 기존 배열을 변경하지 않는 (immutable) 입니다. 순서를 바꾸려면 새롭게 할당해야 합니다. 배열 복사 객체에서 사용하기 함수에서 나머지 파라미터 받아오기 분해 후 새변수... Spread/Rest구조 분해 할당destructing객체구조 분해RESTSpread SyntaxSpread 문법배열배열 합치기SpreadRest 문법REST